<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户登录</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../plugins/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="../../css/user/bootstrap.css">
    <link rel="stylesheet" href="../../css/nav/nav.css">
    <link rel="stylesheet" href="../../css/user/user.css">

</head>

<body id="bgImg">
    <!-- 响应式导航 begin -->
    <div class="layui-header header header-index">
        <a class="logo" href="../../index.html">
            KeepMoving
        </a>

        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item"><a href="../../index.html" style="text-decoration: none;">首页</a></li>
            <li class="layui-nav-item ">
                <a href="../plan/plan-index.html" style="text-decoration: none;">训练计划</a>
            </li>
            <li class="layui-nav-item"><a href="../action/fit-action.html" style="text-decoration: none;">健身动作</a></li>
            <li class="layui-nav-item"><a href="../food/food.html" style="text-decoration: none;">饮食健康</a></li>
            <li class="layui-nav-item layui-this"><a href="../user/login.html" style="text-decoration: none;">登录</a>
            </li>
            <li class="layui-nav-item ">
                <a href="../user/register.html" style="text-decoration: none;">注册</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;" style="text-decoration: none;"><img src="../../imgs/person-center/girl.jpg"
                        class="layui-nav-img">我</a>
                <dl class="layui-nav-child">
                    <dd><a href="../person/person-center.html" style="text-decoration: none;">个人中心</a></dd>
                    <dd><a href="../person/person-info-profile.html" style="text-decoration: none;">账号设置</a></dd>
                    <dd><a href="">退出账号</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <!-- 响应式导航 end -->
    <div>
        <section class="mysection">
            <div class="row2">
                <div class="row2zuo ">
                    <h2>登录</h2>
                    <form>
                        <div class="form-horizontal">
                        <div class="form-group" style="margin-top: 30px;">

                            <label for="exampleInputName2" class="col-sm-3 control-label">手机号码:</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control" id="exampleInputName2" placeholder="输入手机号码"
                                    maxlength="11">
                                <img src="../../imgs/user/yonghu.png" alt="" width=15px; height=15px;>
                            </div>

                        </div>
                        
                        <div class="form-group" style="margin-bottom:-24px;margin-top:20px;">
                            <div class="">
                                <label for="exampleInputName4" class="col-sm-3 control-label">验证码:</label>
                            </div>

                            <div class="col-sm-9">
                                <input type="text" class="form-control" id="exampleInputName4" placeholder="输入验证码"
                                    maxlength="4" style="width: 120px; padding-left:0">
                                <span class="d4"><a href="#">获取短信验证码</a></span>
                            </div>

                        </div>

                        <button type="button" class="btn btn-danger" style="margin-top: 10px;">登录</button>
                        <div class="forget">
                            <label>
                                <input type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
                            </label>
                            <strong>下次自动登录</strong>
                            <a href="find-password.html">忘记密码</a>
                        </div>
                    </div>
                    </form>
                </div>
                <div class="row2you">
                    <div class="d2">
                        <h1>没有账号？立即注册</h1>
                        <button type="button" class="btn btn-info"><a href="register.html">免费注册</a></button>
                    </div>
                </div>
            </div>
        </section>
    </div>

    <script src="../../js/nav/nav.js"></script>
    <script src="../../plugins/layui/layui.js"></script>

</body>

</html>